<!-- Content Background -->
    <div id="content_bg" class="png_bg">
	<!--Content-->
    <div id="content">
    <!--Left Content -->
    <div class="column_left">
	   <!--Link Search-->
       <div>
            <h1 style="margin: 10px 0;">
                <span class="info_tabs_selected nohover" style="margin-left:20px;">Find Stories</span>
                <a href="<?=site_url('member/user/search')?>"><span class="info_tabs" style="margin-left:20px;" onclick="search-people.html">Find People</span></a>
            </h1>
        </div>
        <!--Link Search-->
        
        <!-- Search Form-->
        <div class="panel" style="min-height:350px; border:none;">
            <!-- Table Search Form-->
            <table style="margin:10px">
                <form id="searchform" action="" method="get" onsubmit="return false;">
                    <input type="hidden" value="3" name="mode" />
                    <!-- Search Input Form-->
                    <tr> 
                        <td>
                            <input type="text" id="search_box_form" class="inputbig" name="search" value="cinta" style="font-size:18px;width:370px;" /> 
                            <input type="submit" class="b2 white" value="Search" style="font-size:14px" />  
                        </td>
                    </tr>
                    <!-- Search Input Form-->
                    
                    <!-- Search Selected Form-->
                    <tr>
                        <td>
                            <!-- Search Category Form-->
                            <select name="category" class="" style="width: 125px; margin-top:10px;" onchange="$('#searchform').submit();">
                                <option value="all">Any Category</option>
                                <option value="romance" style="">Romance</option>
                                <option value="mystery" style="">Mystery</option>
                                <option value="science-fiction" style="">Science Fiction</option>
                                <option value="fantasy" style="">Fantasy</option>
                                <option value="humor" style="">Humor</option>
                                <option value="paranormal" style="">Paranormal</option>
                                <option value="horror" style="">Horror</option>
                                <option value="adventure" style="">Adventure</option>
                                <option value="thriller" style="">Thriller</option>
                                <option value="historical-fiction" style="">Historical Fiction</option>
                                <option value="teen-fiction" style="">Teen Fiction</option>
                                <option value="fan-fiction" style="">Fan Fiction</option>
                                <option value="poetry" style="">Poetry</option>
                                <option value="short-story" style="">Short Story</option>
                                <option value="non-teen-fiction" style="">Non-Teen Fiction</option>
                                <option value="action" style="">Action</option>
                                <option value="vampire" style="">Vampire</option>
                                <option value="werewolf" style="">Werewolf</option>
                                <option value="spiritual" style="">Spiritual</option>
                                <option value="non-fiction" style="">Non-Fiction</option>
                                <option value="classics" style="">Classics</option>
                                <option value="watty-awards-2012" style="">Watty Awards 2012</option>
                                <option value="other" style="">Other</option>
                            </select>
                            <!-- End Search Category Form-->
                            <!-- Search Pages Form-->
                            <select name="lim" size="1" class="" style="width: 100px" onchange="$('#searchform').submit();">
                                <option value="">Any Length</option> 
                                <option value="&lt;22500" >&lt; 5 pages</option>
                                <option value="&lt;112500" >&lt; 25 pages</option>
                                <option value="&lt;450000" >&lt; 100 pages</option>
                                <option value="&gt;=450000" > 100+ pages</option>
                            </select>    
                            <!-- Search Pages Form-->
                            
                            <input type="checkbox" id="c" name="c" value="1"  onchange="$('#searchform').submit();" />
                            <label class="labelsmall" for="c">Completed</label>
                            <input type="checkbox" id="r_alt" value="1" onchange="verifyAgeMessage()"/>
                            <label class="labelsmall" >Mature</label>  
                        </td>
                    </tr>
                </form>
            </table>
            <!-- Table Search Form-->
            
            <!--Story Search Result 01-->
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr id="213026" class="storyitem evenrow">
                    <!--Images Story Search Result 01-->
                    <td class="left">
                        <a href="/213026-cinta">
                            <img src="images/s213026-64-4ea00214.jpg" alt="Cinta !!!" class="picframe" width="64" height="100"/>
                        </a>
                    </td>
                    <!--Images Story Search Result 01-->
                    <!--Desc Story Search Result 01-->
                    <td valign="top">
                        <h1 style="margin-bottom:2px"><a href="/213026-cinta" class="title">Cinta !!!</a></h1>
                        <a href="/user/agungagung" class="userlink">agungagung</a>
                        <div class="meta_element" style="margin:2px 0"> 1 page, updated Sep 27, 2009
                            <img src='images/RATED_PG.png'  alt='PG' title='PG' style='vertical-align:top;margin-left:5px'  />
                        </div>
                        <div class="meta_element" style="margin:2px 0">
                            tags / 
                            <a class="small" href="/stories/search/cinta">cinta</a>
                            <a class="small" href="/stories/search/poetry">poetry</a>
                            <a class="small" href="/stories/search/puisi">puisi</a>
                            <a class="small" href="/stories/search/"></a> 
                        </div>
                        <div class="meta_stats">
                            <span class="med">2,448 reads</span>
                            <img src='images/votes.png' width='14' height='14' alt='votes' title='votes' style='vertical-align:middle'  />
                            <span class="low">5</span>
                            <img src='images/comments.png' width='14' height='14' alt='comments' title='comments' style='vertical-align:middle'/>
                            <span class="low">2</span>
                        </div>
                    </td>
                </tr>
            </table>
            <hr style="margin:0px;"/>
            <!--Story Search Result 01-->
            
            <!--Story Search Result 02-->
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr id="3260766" class="storyitem evenrow">
                    <!--Images Story Search Result 02-->
                    <td class="left">
                        <a href="/story/934469-tantangan-romance-wattpad-2012-cinta-dan-cerita">
                            <img src="images/934469-64-653074.jpg" alt="Tantangan Romance Wattpad 2012 -- Cinta dan Cerita" class="picframe" width="64" height="100"/>
                        </a>
                    </td>
                    <!--Images Story Search Result 02-->
                    <td valign="top">
                        <h1 style="margin-bottom:2px"><a href="/story/934469-tantangan-romance-wattpad-2012-cinta-dan-cerita" class="title">Tantangan Romance Wattpad 2012 -- Cinta dan Cerita</a></h1>
                        <a href="/user/Cupids_Cafe" class="userlink">Cupids_Cafe</a>
                        <div class="meta_element" style="margin:2px 0"> 
                            1 page, updated Jan 27, 2012<img src='images/RATED_PG-13.png'  alt='PG-13' title='PG-13' style='vertical-align:top;margin-left:5px'  />
                        </div>
                        Cupid's Cafe mempersembahkan kontes dan tantangan menulis seputar kisah &quot;romance&quot;, 
                        kami mengajak semua penulis di Wattpad Indonesia untuk berpartisipasi! Ditunggu karya terbaik kalian~!^^.
                        in the name of Love, we unite.
                        <div class="meta_stats">
                            <span class="low">284 reads</span>
                            <img src='images/votes.png' width='14' height='14' alt='votes' title='votes' style='vertical-align:middle'  />
                            <span class="low">11</span>
                            <img src='images/comments.png' width='14' height='14' alt='comments' title='comments' style='vertical-align:middle'/>
                            <span class="med">13</span>
                        </div>
                    </td>
                </tr>
            </table>
            <hr style="margin:0px;"/>
            <!--Story Search Result 02-->
            
            <!-- Paging Selected -->
            <div style="margin:20px;text-align:center">
                <span class="paging_selected">1</span>
                <a class="paging" href="?lim=&page=1">2</a>
                <a class="paging" href="?lim=&page=2">3</a>
                <a class="paging" href="?lim=&page=3">4</a>
                <a class="paging" href="?lim=&page=1">&gt;</a>
            </div>
            <!-- Paging Selected -->
            
        </div>
        <!-- End Of Search Form-->
    </div>
    <!--Left Content -->

    <!--Right Content -->
    <?=$this->ws->get_template('sidebar')?>
    <!--Right Content -->

<script type="text/javascript">
	$(document).ready(function () {
		if ($('#recommendation').length) {
			ga_track('Discover', 'Search Recommendation', 'Viewable', true);
		}

		$('#sortby').change(function () {
			ga_track('Discover', 'By Feature', this.value);
			window.location = window.location.pathname+'?view='+this.value;
		});

		$('.picframe').tipsy({gravity: 'w', html: true, delayIn: 200});

			});

	$('#searchform').submit(function () {
		var url = '/stories';
		if (this.category.value) url += '/'+this.category.value;
		url += '/search/'+encodeURIComponent(encodeURIComponent(this.search.value));
		if (this.lim.value) url += '&lim='+this.lim.value;
		if (this.c && this.c.checked) url += '&c='+this.c.value;
		if (this.r && this.r.checked) url += '&r='+this.r.value;
		location.href = url;
		return false;
	});

  function verifyAgeMessage() {
    var redirectUrl = '/user_login?msg='+ 'Please+login+to+verify+your+age'+'&nexturl='+'http%3A%2F%2Fwww.wattpad.com%2Fstories%2Fall%2Fsearch%2Fcinta'+'?r=1';
    $("#r_alt").prop('checked', false);
    window.location.href = redirectUrl;
  }
</script>

	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px">
        <div class="ad">sponsor</div>
        <iframe src="http://optimized-by.rubiconproject.com/a/7941/12756/23272-2.html?" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" scrolling="NO" width="728" height="90"></iframe>
	</div>	

<!--ENd Content-->
</div>

    <!--Content PG-->
	<div id="content_bottom" class="png_bg"></div>
    <!--Content PG-->